<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="css/css.css">
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/yf.js"></script>
</head>
<body>
	<div class="header">
		<div class="common">
			<a class="fl logo" href="index">
				<img src="images/logo.png">
			</a>
			<ul class="nav_ul fr">
				<li><a href="index">首页</a></li>
				<li><a href="#">傳世乐坊</a></li>
				<li><a href="#">新闻</a></li>
				<li><a href="#">关于我们</a></li>
				<li><a href="#">个人中心</a></li>
				<li><a href="#">音乐上传系统</a></li>
				<li>
					<select>
						<option>English</option>
						<option>中文</option>
					</select>
				</li>
			</ul>
		</div>
	</div>
	<div class="user common">
		<p class="user_top">
			您当前位置：
			<a href="">首页</a>-
			<a href="">个人中心</a>-
			<a href="">站内信</a>
		</p>
		<div class="user_con overflow">
			<div class="fl side_bar">
				<p></p>
				<ul>
					<li><a href="">讯息状态</a></li>
					<li><a href="">上传作品</a></li>
                    <li><a href="">专辑管理</a></li>
					<li><a href="">我的音乐</a></li>
					<li><a href="">修改密码</a></li>
					<li><a href="">完善资料</a></li>
					<li class="red_a"><a href="">站内信</a></li>
				</ul>
			</div>
			<div class="fr right_con">
				<div class="column">
					<div class="mail_topheader">
                    	<span class="mail_toptext">站内信</span>
                        <div class="mail_button">
                            <span class=" mail_cmtext">普通信箱</span>
                            <span class="mail_common mail_cmtext">账单信箱</span>
                        </div>
                    </div>
                    <div class="column-head">
                        <button type="button" class="bt_unread">&lt;&lt;返回</button>
                    </div>
                    <div class="bd_cenbox">
                        <h3>这里是标题内容</h3>
                        <p>这里是内容详情在过去的Web开发中，通常使用Photoshop来设计按钮的样式。不过随着CSS3技术的发展，你完全可以通过几行代码来定制一个漂亮的按钮，并且还可以呈现渐变、框阴影、文字阴影等效果。此类按钮最大的优势是省去了加载图片的步骤，并且非常易于编辑、扩展和定制，你只需要更改代码即可。</p>
                        <p style="text-align: right;">时&nbsp;&nbsp;间：2016年3月13日(星期天)下午4：24</p>
                        <div class="sc_select">
                            <input type="radio" value="" name="bd_details"><span class="bd_detatext">认可</span>
                            <input type="radio" value="" name="bd_details" class="bd_detailstwo"><span class="bd_detatext">疑问</span>
                            <br/>
                            <textarea class="bd_body_text">说明理由</textarea>
                        </div>
                    </div>
                    <div class="special-sub" style="clear:both"><input type="submit" value="提交"/></div>
                </div>
			</div>
		</div>
	</div>
	<div class="footer">
		<p>
			© 1997-2016 傅世乐坊公司版权所有 About NetEase
			<a href="#">登录</a>
			<a href="#">注册</a>
			<a href="#">新闻</a>
			<a href="#">关于我们</a>
			<a href="#">个人中心</a>
			<a href="#">音乐上传系统</a>
		</p>
	</div>
</body>
</html>